html,body{
    width: 100%;
    height: 100%;
    background-color: #1ca8ef;
}
.left{
    width: 800px;
    height: 100%;
    background-color: #1ca8ef;
    position: relative;
}
.left a{
    position: absolute;
    left: 50%;
    transform: translate(-50%,25%);
}
.right{
    width: 500px;
    height: 100%;
    background-color: #fff;
}
.right .content{
    margin: 140px auto;
    height: 100%;
    width: 400px;
    background-color: #fff;
}
.content .logo{
    padding-top: 32px;
    padding-left: 100px;
    width: 270px;
    height: 40px;
}
.content .choose{
    margin-top: 45px;
    text-align: center;
    position: relative;
}
.content .choose a{
    font-size: 14px;
    color: #555555;
    padding: 0 30px;
    cursor: pointer;
}
.content .choose a:first-child{
    border-right: 2px solid #eeeeee;
}
.content .choose .active{
    color: #00bdff;
}
.content .choose .decoration{
    margin: 0;
    padding: 0;
    width: 50px;
    position: absolute;
    top: 30px;
    left: 114px;
    /* 236px */
    border-top: 4px solid #00bdff;
}
/* 输入密码登录 */
.content .inp{
    height: 320px;
    margin-top: 25px;
    padding: 20px;
    /* box-sizing: border-box; */
    position: relative;
    /* display: none; */
}
.content .inp input{
    padding: 0 30px;
    width: 290px;
    font-size: 10px;
    line-height: 40px;
    color: #757575;
    border: none;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 20px;
}
.content .inp .user-img{
    position: absolute;
    left: 24px;
    top: 30px;
    width: 20px;
    height: 22px;
    background-image: url(../images/loginIcon.png);
    background-position: -58px -4px;
}
.content .inp .pwd-img{
    position: absolute;
    left: 24px;
    top: 87px;
    width: 20px;
    height: 23px;
    background-image: url(../images/loginIcon.png);
    background-position: -28px -3px;
}
.content .inp .userClear{
    position: absolute;
    right: 40px;
    top: 35px;
    display: none;
}
.content .inp .userTips{
    position: absolute;
    left: 25px;
    top: 65px;
    font-size: 10px;
    color: #f6111c;
    display: none;
}
.content .inp .pwdTips{
    position: absolute;
    left: 25px;
    top: 125px;
    font-size: 10px;
    color: #f6111c;
    display: none;
}
.content .inp .pwdClear{
    position: absolute;
    right: 40px;
    top: 95px;
    display: none;
}
.content .inp .forget{
    text-align: right;
    margin-bottom: 20px;
}
.content .inp .forget a{
    color: #00bdff;
    font-size: 12px;
}
.content .inp .loginBtn{
    width: 360px;
    font-size: 16px;
    color: #fff;
    background-color: #00bdff;
    line-height: 46px;
    border: none;
}
.content .inp .post{
    padding-top: 20px;
    padding-left: 150px;
}
.content .inp .post a{
    color: #00bdff;
    margin-left: 10px;
}
.content .inp .post .img{
    margin-left: 5px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/loginIcon.png) 100%;
    background-position: -57px -38px;
}
/* 二维码 */
.content .qR{
    margin-top: 25px;
    display: none;
}
.content .qR .cont{
    margin: 0 auto;
    width: 290px;
    height: 240px;
    text-align: center;
    background-color: #fcfcfc;
    padding-top: 40px;
}
.content .qR .cont img{
    width: 105px;
}
.content .qR .post{
    padding-top: 20px;
    padding-left: 50px;
}
.content .qR .post a{
    color: #00bdff;
    margin-left: 10px;
}
.content .qR .post .img{
    margin-left: 5px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/loginIcon.png) 100%;
    background-position: -57px -38px;
}